import React from "react";
import {Table, Breadcrumb, Button, Input, Tag, Skeleton} from 'antd';
import CustomLayout from "../../components/CustomLayout/customLayout";

const {Search} = Input;

class Overview extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            tabData: [],
            pageSize: 10,
            pageNum: 1,
            total: 0,
        };
    }

    componentDidMount() {
        this.loadTable()
    }

    loadTable() {
        const data = [];
        for (let i = 0; i < 100; i++) {
            data.push({
                key: i,
                col1: 'admin',
                col2: '苏欣',
                col3: '131241241231',
                col4: '312412412312@qq.com',
                col5: '2020-01-01 00:00',
                col6: ['S', 'A', 'B', 'C'],
            });
        }
        this.setState({tabData: data})
    }


    render() {
        const {tabData, pageSize, pageNum, total} = this.state;
        return (
            <CustomLayout>
                <Breadcrumb style={{margin: '16px 0'}}>
                    <Breadcrumb.Item>概览</Breadcrumb.Item>
                </Breadcrumb>
                <div className={'App-Section'}>
                    <Skeleton/>
                </div>
            </CustomLayout>
        );
    }
}

export default Overview;